<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS基本使用</title>
    <style>
        table{
            border: 1px crimson dashed;
        }

        tr{
            height: 30px;
        }
    </style>
</head>
<body>
<table width="600" border="0" cellpadding="0" cellspacing="0">
    <caption><h3 style="color: pink;">请填写以下内容</h3></caption>
    <tr>
        <td style="color: #00FF00;font-size: 25px;">单行文本框</td>
        <td><input type="text" value="slx"></td>
    </tr>
    <tr>
        <td>单选按钮</td>
        <td>
            男<input type="radio" name="sex"/>女<input type="radio" name="sex"/>
        </td>
    </tr>
    <tr>
        <td>多选按钮</td>
        <td>
            篮球<input type="checkbox" name="ball" checked="checked"/>足球<input type="checkbox" name="ball"/>
        </td>
    </tr>
    <tr>
        <td>
            <input type="button" value="注册">
            <input type="image" src="../image/btn.png">
        </td>
    </tr>
    <tr>
        <td>头像</td>
        <td>
            <input type="file">
        </td>
    </tr>
    <tr>
        <td>label的使用（点文字输入光标直接定位到输入框和）</td>
        <td>
            <label>城市：<input type="text"></label>
        </td>
    </tr>
    <tr>
        <td>下拉框</td>
        <td>
            <select name="city" id="city">
                <option value="">请选择城市</option>
                <option value="qd">青岛市</option>
                <option value="wh">威海市</option>
                <option value="yt">烟台市</option>
            </select>
        </td>
    </tr>
</table>
</body>
</html>